@charset "UTF-8";
div, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, td, img, form, input, p, html, body, fieldset {
  margin: 0;
  padding: 0; }

ul, li {
  list-style: none; }

a {
  text-decoration: none;
  color: #666; }

img {
  border: 0;
  display: block; }

body {
  font-size: 12px;
  color: #333; }

.clear:after {
  content: ".";
  clear: both;
  display: block;
  overflow: hidden;
  height: 0;
  visibility: hidden; }

.logo {
  width: 992px;
  height: 98px;
  margin: 0 auto; }

.logo img {
  display: block;
  height: 98px;
  float: left;
  margin-left: 12px; }

.register_container {
  width: 992px;
  height: 438px;
  margin: 0 auto;
  border-top: 2px solid #0083ce;
  box-shadow: 0 8px 20px 3px #ddd; }

.head {
  width: 992px;
  height: 56px; }

.head p:nth-of-type(1) {
  float: left;
  margin-left: 52px;
  line-height: 56px;
  font-size: 20px; }

.head p:nth-of-type(2) {
  float: right;
  margin-right: 20px;
  line-height: 56px;
  font-size: 12px; }

.head p:nth-of-type(2) a {
  color: #0083ce; }

/*++++++++++++++++++表单验证++++++++++++++++++++++++++++++++++*/
.register_form {
  width: 340px;
  margin-left: 100px;
  float: left; }

/*++++++++++++++++++手机号验证+++++++++++++++++++++++*/
.txt {
  width: 338px;
  height: 40px;
  margin-bottom: 30px;
  float: left;
  position: relative;
  border: 1px solid #ccc; }

.txt .pic2 {
  display: block;
  position: absolute;
  right: 2px;
  top: 12px;
  padding-right: 24px;
  background: url(../img/register/regitster1.png) no-repeat right -57px;
  display: none; }

.txt .pic21 {
  display: block;
  height: 16px;
  padding-right: 24px;
  position: absolute;
  right: 2px;
  top: 12px;
  background: url(../img/register/regitster1.png) no-repeat right 3px;
  display: none; }

.txt .pic22 {
  display: block;
  position: absolute;
  left: 1px;
  top: 45px;
  display: none; }

.txt .pic1 {
  display: block;
  width: 20px;
  height: 20px;
  margin: 10px 20px;
  float: left;
  background: url(../img/register/regitster1.png) no-repeat left -123px; }

/*++++++++++++++++++密码框验证+++++++++++++++++++++++*/
.pas .pic42 {
  display: block;
  position: absolute;
  left: 1px;
  top: 45px;
  color: #999999;
  display: none; }

.pas .pic43 {
  display: block;
  position: absolute;
  left: 1px;
  top: 45px;
  display: none; }

.pas .pic44 {
  display: block;
  position: absolute;
  left: 1px;
  top: 45px;
  color: #e72418;
  display: none; }

.pas .pic3 {
  display: block;
  width: 20px;
  height: 20px;
  margin: 10px 20px;
  float: left;
  background: url(../img/register/regitster1.png) no-repeat left -155px; }

.pas .pic4 {
  display: block;
  height: 16px;
  padding-right: 24px;
  position: absolute;
  right: 2px;
  top: 12px;
  background: url(../img/register/regitster1.png) no-repeat right 3px;
  display: none; }

.pas {
  width: 338px;
  height: 40px;
  float: left;
  position: relative;
  margin-bottom: 30px;
  border: 1px solid #ccc; }

.pas ul {
  position: absolute;
  right: 0;
  top: 45px;
  display: none; }

.pas ul p {
  display: block;
  float: left;
  margin-right: 6px; }

.pas ul li {
  width: 32px;
  height: 14px;
  margin: 2px 2px;
  float: left;
  background-color: #ddd;
  text-align: center;
  line-height: 14px; }

/* ++++++++++++++++++++确认密码++++++++++++++++++++++++++++++*/
.confirm .pic5 {
  display: block;
  width: 20px;
  height: 20px;
  margin: 10px 20px;
  float: left;
  background: url(../img/register/regitster1.png) no-repeat left -155px; }

.confirm {
  width: 338px;
  height: 40px;
  float: left;
  position: relative;
  margin-bottom: 30px;
  border: 1px solid #ccc; }

.confirm .pic6 {
  display: block;
  height: 16px;
  padding-right: 24px;
  position: absolute;
  right: 2px;
  top: 12px;
  background: url(../img/register/regitster1.png) no-repeat right 3px;
  display: none; }

.confirm .pic61 {
  display: block;
  position: absolute;
  left: 1px;
  top: 45px;
  color: #999;
  display: none; }

.confirm .pic62 {
  display: block;
  position: absolute;
  left: 1px;
  top: 45px;
  display: none; }

.register_form input {
  line-height: 40px;
  border: none;
  outline: none;
  float: left; }

.register_form p input {
  margin: 0 0 12px 0; }

.register_form p a {
  color: #0083ce;
  float: left; }

.register_form p i {
  float: right; }

.register_form #btn {
  margin: 0 0 20px 0;
  width: 340px;
  background-color: #0099f1;
  color: #F1F1F1; }

.register_form .partner li a {
  display: block;
  width: 40px;
  height: 40px;
  background: #999999;
  border-radius: 20px;
  float: left;
  margin: 8px 18px 0 0;
  background: url(../img/register/back1.png) no-repeat; }

.register_form .partner li:nth-of-type(2) a {
  background-position: -48px 0; }

.register_form .partner li:nth-of-type(3) a {
  background-position: -96px 0; }

.register_form .partner li:nth-of-type(4) a {
  background-position: -144px 0; }

.register_form .partner li:nth-of-type(5) a {
  background-position: -192px 0; }

.register_form .partner li:nth-of-type(6) a {
  background-position: -242px 0;
  margin-right: 0; }

.register_form .partner li:nth-of-type(1) a:hover {
  background-position: 0 -53px; }

.register_form .partner li:nth-of-type(2) a:hover {
  background-position: -48px -53px; }

.register_form .partner li:nth-of-type(3) a:hover {
  background-position: -96px -53px; }

.register_form .partner li:nth-of-type(4) a:hover {
  background-position: -144px -53px; }

.register_form .partner li:nth-of-type(5) a:hover {
  background-position: -192px -53px; }

.register_form .partner li:nth-of-type(6) a:hover {
  background-position: -242px -53px; }

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.banner {
  float: left;
  margin: 8px 0 0 50px; }

.bottom {
  width: 992px;
  height: 135px;
  margin: 0 auto; }

.bottom p {
  text-align: center; }

.bottom .p1 {
  margin-top: 60px; }

.bottom .p2 {
  margin: 12px 0; }

.bottom p a {
  margin: 0 7px; }

.bottom p a:hover {
  color: #0083CE;
  text-decoration: underline; }
